<template>
  <div class="container" :class="classess" v-clickoutside="handleClose">
    <div :class="[prefixCls+'-rel']" @click="toggleOpen">
      
    </div>
  </div>
</template>

<script>
export default {
  name: 'cascader',
  props: {
    data: {    //数据
      type: Array,
      default() {
        return []
      }
    },
    value: {   //值
      type: Array,
      default() {
        return []
      }
    },
    disabled: {   //是否禁用
      type: Boolean,
      default: false
    },
    clearable: {   //是否可清空
      type: Boolean,
      default: true
    },
    placeholder: {   //占位符
      type: String,
      default: '请选择'
    },
    size: {   //尺寸
      validator(value) {
        return oneOf(value, ['small', 'large']);
        // return ['small', 'large'].indexOf(value) !== -1;
      }
    },
    trigger: {   //触发方式
      validator(value) {
        return oneOf(value, ['click', 'hover']);
      }
    },
    changeOnSelect: {   //选择即改变
      type: Boolean,
      default: false,
    },
    renderFormat: {
      type: Function,
      default (laber) {
        return label.join('/')
      }
    }
  },
  data() {
    return {
      title: 'cascader组件'
    }
  }
}
</script>
